<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="top">
        <img class="logonew" src="./img/logonew.png" width="100px">
        <ul class="top-nav">
            <li><a href="#">首页</a></li>
            <li><a href="./play/first.html">酷玩</a></li>
            <li><a href="./guid/one.html">导购</a></li>
            <li><a href="./use/01-public.html">试用</a></li>
            <li><a href="./report/hottest.html">报告</a></li>
        </ul>
        <img class="img2" src="./img/search.png" width="30px">
        <button class="btn">注册</button>
    </div>
    <!-- 中部正文 -->
    <div class="center">
        <img src="./img/original.jpg" width="100%" height="300px">
        <p class="datu">幻响小贝HiFi2.1音响</p>
        <div class="time">
            <span>126人申请</span><span>￥599</span><span>20台</span>
            <br>
            <br>
            <p>申请剩余时间：13天5小时37分钟</p>
            <br>
            <button>立即申请</button>
        </div>
        <div class="text">
            <h2 class="title-1">热门试用</h2>
            <div class="hottest">
                <!-- 1 -->
                <div class="hootest-1">
                    <img src="./img/hot9.jpg" width="250px">
                    <div class="hot-1">
                        <h4>巴慕达 The Toaster 烤面包机</h4>
                        <p class="time-2"><span>2032</span><span>20台</span></p>
                        <p class="time-1">
                            <span>1392</span>申请
                        </p>
                        <p class="time-3">剩余时间2天</p>
                    </div>
                </div>
                <p class="right-top1">首发</p>
                <!-- 2 -->
                <div class="hootest-1" id="time-1">
                    <img src="./img/hot10.jpg" width="250px">
                    <div class="hot-1">
                        <h4>Osprey小鹰户外运动专业腰包</h4>
                        <p class="time-2"><span>2032</span><span>20台</span></p>
                        <p class="time-1">
                            <span>1392</span>申请
                        </p>
                        <p class="time-3">剩余时间2天</p>
                    </div>
                </div>
                <p class="right-top2">体验师专享</p>
                <!-- 3 -->
                <div class="hootest-1" id="time-1">
                    <img src="./img/hot11.jpg" width="250px">
                    <div class="hot-1">
                        <h4>Liquid Image 338 运动摄像眼镜</h4>
                        <p class="time-2"><span>2032</span><span>20台</span></p>
                        <p class="time-1">
                            <span>1392</span>申请
                        </p>
                        <p class="time-3">剩余时间2天</p>
                    </div>
                </div>
                <p class="right-top3">首发</p>
                <!-- 4 -->
                <div class="hootest-1" id="time-1">
                    <img src="./img/hot12.jpg" width="250px">
                    <div class="hot-1">
                        <h4>巴慕达 The Toaster 烤面包机</h4>
                        <p class="time-2"><span>2032</span><span>20台</span></p>
                        <p class="time-1">
                            <span>1392</span>申请
                        </p>
                        <p class="time-3">剩余时间2天</p>
                    </div>
                </div>
                <p class="right-top4">首发</p> 
            </div>
            <h2 class="title-1">报告精选</h2>
            <div class="report">
                <div class="report-concent">
                    <img src="./img/bg1.jpg" width="250px">
                    <p>空气净化去里面多的惊呆你，你选对了吗？</p>
                    <br>
                    <p>
                        <span>susu</span>
                        <span class="zan">
                            <img src="./img/zan.png" width="15px"> 3
                            <img src="./img/reply.png" width="15px"> 3
                        </span>
                    </p>
                </div>
            </div>
            <h2 class="title-1">导购精选</h2>
            <div class="shopping">
                <div class="shopping-1">
                    <img src="./img/bg1.jpg" width="250px">
                    <p>1111</p>
                    <p class="zan-1">
                        <img src="./img/zan.png" width="15px"> 3
                        <img src="./img/reply.png" width="15px"> 3
                    </p>
                </div>
            </div>
            <h2 class="title-1">发现酷玩</h2>
            <div class="coldplay">
                <div class="coldplay-1">
                    <img src="./img/bg1.jpg" width="250px">
                    <p>111111</p>
                    <p class="kuwan">11111111</p>
                    <br>
                    <p>
                        <span class="price">￥1212</span>
                        <span class="zan-2">
                            <img src="./img/zan.png" width="15px"> 3
                            <img src="./img/reply.png" width="15px"> 3
                        </span>
                    </p>
                </div>
            </div>
            <div class="click">
                <img src="./img/more.png" width="15px">
                <span>点击查看更多</span>
            </div>
        </div>

        <img class="left-jiantou" src="./img/prev.png" width="25px">
        <img class="right-jiantou" src="./img/next.png" width="25px">




    </div>
    <div class="foot">
        <img class="ewm" src="./img/code.png" width="150px">
        <img class="logo-bottom" src="./img/logoImg.jpg" width="100px">
        <p class="p2">
            全球酷玩试用导购平台<br>酷·新奇·好玩·品质
        </p>
        <p class="p3">
            微信添加“JguoJguo”<br>获取我们得服务
        </p>
        <dl class="foot-dl1">
            <dt>免费试用</dt>
            <dd>试用流程</dd>
            <dd>如何提高成功率</dd>
        </dl>
        <dl class="foot-dl2">
            <dt>友情链接</dt>
            <dd>智东西 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;WEIBUSI</dd>
            <dd>搜狐TT&nbsp;&nbsp; &nbsp; 腾讯科技</dd>
            <dd>搜狐数码&nbsp;&nbsp; 凤凰科技</dd>
            <dd>凤凰数码&nbsp;&nbsp;&nbsp;PConline</dd>
            <dd>泡泡网 &nbsp;&nbsp;&nbsp;&nbsp; 3W咖啡</dd>
            <dd>ZUK社区&nbsp;&nbsp;&nbsp;亿觅emie</dd>
            <dd>极客公园&nbsp;&nbsp;&nbsp;易迅易启玩</dd>
            <dd>果库</dd>
        </dl>
        <dl class="foot-dl3">
            <dt>购买攻略</dt>
            <dd>美亚海淘教程</dd>
            <dd>日亚海淘教程</dd>
            <dd>淘淘转运攻略</dd>
            <dd>kickstarter 众筹购买攻略</dd>
            <dd>indiegogo 众筹购买攻略</dd>
        </dl>
        <dl class="foot-dl4">
            <dt>广告合作</dt>
            <dd>关于极果</dd>
            <dd>联系我们</dd>
            <dd>商务合作：BD@jiguo.com</dd>
            <dd>CEO邮箱：CEO@jiguo.com</dd>
        </dl>
    </div>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>